* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.hot-search-list {
    width: 470px;
    height: 240px;
    position: absolute;
    z-index: 2;
    margin-left: 700px;
}

.numbered-list {
    counter-reset: list-counter;
    /* 初始化计数器 */
    list-style-type: none;
    /* 移除默认的列表样式 */
}

.numbered-list li::before {
    content: counter(list-counter) ". ";
    /* 在每个列表项前面添加计数器和点号 */
    counter-increment: list-counter;
    /* 计数器递增 */
}

li:nth-child(1) {
    color: rgb(255, 252, 81);
}

li:nth-child(2) {
    color: rgb(248, 248, 248);
}

li:nth-child(3) {
    color: rgb(215, 152, 44);
}

li:nth-child(n+4):before {
    /* content: counter(4); */
    /* 使用计数器作为序号 */
    counter-increment: 4;
    /* 计数器递增 */
    position: absolute;
    left: 0;
    background-color: rgb(243, 238, 238);
    /* 设置序号背景颜色为灰色 */
    /* padding: 2px 5px; */
}

ul {
    columns: 2;
}

li {
    position: relative;
    padding-left: 30px;
    /* 留出空间给序号背景 */
    margin-bottom: 10px;
    width: 227px;
    height: 30px;
}

li:hover {
    background-color: rgb(237, 240, 243);
    color: #1677ff;
}

.hot {
    width: 470px;
    height: 50px;
    background-color: rgb(255, 254, 186);

    h3 {
        margin-left: 20px;
        padding-top: 20px;
        color: rgb(212, 204, 53);
    }
}

.words{
    width: 470px;
    height: 20px;
    position: absolute;
    z-index: 1;
    margin-left: 700px;
}

.listItem:hover{
    color: #1677ff;
}

.title{
    background-color: white;
}